home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 9825 / 9825.xpi / chrome / skin / qlauncher.css < prev    next >
Cascading Style Sheet File  |  2009-08-09  |  11KB  |  408 lines
  1. #qlauncher *
  2. {
  3.     padding: 0 !important;
  4.     border: none !important;
  5.     margin: 0 !important;
  6.     outline: 0 !important;
  7.     font-size: inherit !important;
  8.     font-weight: inherit !important;
  9.     font-style: inherit !important;
  10.     font-family: inherit !important;
  11.     line-height: inherit !important;
  12.     background: none !important;
  13.     text-align: left !important;
  14.     min-width: 0 !important;
  15.     width: auto;
  16.     height: auto; /*adding !important interferes with slideUp and slideDown */
  17.     vertical-align: baseline !important;
  18. }
  19.  
  20. #qlauncher
  21. {
  22.     font-size: 12px !important;
  23.     font-weight: normal !important;
  24.     font-style: normal !important;
  25.     line-height: normal !important;
  26. }
  27.  
  28. #qlauncher .qlauncher-clearfix:after
  29. {
  30.     clear: both !important;
  31.     content: "." !important;
  32.     display: block !important;
  33.     height: 0 !important;
  34.     visibility: hidden !important;
  35. }
  36.  
  37. #qlauncher
  38. {
  39.     /*
  40.     appearently you cannot fadeOut a element with height 0 and width 0, so
  41.     showing and fadingOut the overlay instead.
  42.     */
  43. }
  44.  
  45. #qlauncher #qlauncher-overlay
  46. {
  47.     left: 0 !important;
  48.     top: 0 !important;
  49.     position: fixed !important;
  50.     height: 100% !important;
  51.     width: 100% !important;
  52.     background-color: rgba(224, 224, 224, 0.8) !important;
  53.     z-index: 2147483647 !important;
  54.  
  55.     /*background-image: url(transparent.png) !important;  *//* Mozilla only */
  56.     /*background-color: transparent !important;           *//* Mozilla only */
  57.     /*
  58.     opacity: 0.1 !important;
  59.     background-color: #505050 !important;
  60.     */
  61. }
  62.  
  63. #qlauncher #qlauncher-floater
  64. {
  65.     top: 70px !important;
  66.     position: absolute !important;
  67.     width: 100% !important;
  68. }
  69.  
  70. #qlauncher #qlauncher-panel
  71. {
  72.     background-color: #303030 !important;
  73.     -moz-border-radius: 5% 5% 5% 5% !important;
  74.     border: 5px solid #909090 !important;
  75.     margin-left: auto !important;
  76.     margin-right: auto !important;
  77.     width: 510px !important;/* obsolete: 3 * (li[width] + li[margin-right]) */
  78.     padding: 35px 35px 35px 35px !important; /*IMPORTANT: look at li.qlauncher-shortcut margin-bottom and left */
  79. }
  80.  
  81. #qlauncher ul#qlauncher-search-result-list,
  82. #qlauncher ul#qlauncher-shortcut-list
  83. {
  84.     list-style: none !important;
  85.     padding: 0 !important;
  86.     margin: 0 !important;
  87. }
  88.  
  89. #qlauncher li.qlauncher-shortcut-list-item
  90. {
  91.     width: 160px !important;
  92.     margin-top: 15px !important; /*IMPORTANT: be sure to delete this amt from qlauncher-panel padding*/
  93.     margin-left: 15px !important;    
  94.     margin-right: 0 !important; /*IMPORTANT: be sure to delete this amt from qlauncher-panel padding*/
  95.     margin-bottom: 0 !important; /*IMPORTANT: be sure to delete this amt from qlauncher-panel padding*/
  96.     padding: 0 !important;
  97.     /*padding: 3px 0 3px 0 !important;*/
  98.     float: left !important;
  99.     /*display: inline-block !important;*/
  100.     overflow: hidden !important;
  101.  
  102.     background: none !important;
  103. }
  104.  
  105. #qlauncher ul#qlauncher-shortcut-list
  106. {
  107.     margin-top: -15px !important; /*IMPORTANT: be sure to delete this amt from qlauncher-panel padding*/
  108.     margin-left: -15px !important;    
  109. }
  110.  
  111. #qlauncher .qlauncher-shortcut
  112. {
  113.     white-space: nowrap !important;
  114.  
  115.     text-align: left !important;
  116.     padding: 5px 7px 5px 7px !important;
  117.     -moz-border-radius: 5% 5% 5% 5% !important;
  118. }
  119.  
  120.  
  121. #qlauncher .qlauncher-shortcut,
  122. #qlauncher li.qlauncher-search-result-list-item
  123. {
  124.     background-color: #404040 !important;
  125. }
  126.  
  127. /*
  128. https://developer.mozilla.org/en/Mozilla_Quirks_Mode_Behavior
  129. The :hover pseudoclass will only be applied to links, images, and form controls, unless the selector includes tag names, ids, or attributes. 
  130. */
  131. #qlauncher div.qlauncher-shortcut:hover,
  132. #qlauncher li.qlauncher-search-result-list-item:hover
  133. {
  134.     background-color: #606060 !important;    
  135. }
  136.  
  137.  
  138. #qlauncher .qlauncher-shortcut.phantom,
  139. #qlauncher .qlauncher-shortcut.phantom:hover
  140. {
  141.     padding: 1px 3px 1px 3px !important;
  142.     border: dotted 4px #404040 !important;
  143.     background-color: #303030 !important;
  144. }
  145.  
  146.  
  147. #qlauncher img.qlauncher-favicon
  148. {
  149.     height: 20px !important;
  150.     width: 20px !important;
  151.     border-style: none !important;
  152.     vertical-align: middle !important;
  153.     display: inline-block !important;
  154. }
  155.  
  156. #qlauncher .qlauncher-shortcut-key, 
  157. #qlauncher .qlauncher-shortcut-favicon,
  158. #qlauncher .qlauncher-shortcut-label
  159. {
  160.     color: #FFFFFF !important;
  161.  
  162.     display: inline-block !important;
  163.  
  164.     font-size: 12px !important;
  165.     font-family: "Times New Roman", serif !important;
  166.     font-weight: bold !important; /*800*/
  167.  
  168.     /*float: left;*/
  169. }
  170.  
  171.  
  172. #qlauncher .qlauncher-shortcut-label
  173. {
  174.     width: 80px !important;
  175.     overflow: hidden !important;
  176.     vertical-align: middle !important;
  177. }
  178.  
  179. #qlauncher .phantom .qlauncher-shortcut-key, 
  180. #qlauncher .phantom .qlauncher-shortcut-favicon,
  181. #qlauncher .phantom .qlauncher-shortcut-label
  182. {
  183.     opacity: 0.6 !important;
  184. }
  185.  
  186. #qlauncher a.qlauncher-delete-shortcut-button,
  187. #qlauncher a.qlauncher-add-shortcut-button
  188. {
  189.     width: 13px !important;
  190.     height: 13px !important;
  191.     border: medium none !important;
  192.     background-color: transparent !important;
  193.     background-image: url("http://static.smarterfox.com/media/qlauncher/close-icon-gray.png") !important;
  194.     background-position: 0 0 !important;
  195.     background-repeat: no-repeat !important;
  196.     display: inline-block !important;
  197.     vertical-align: middle !important;
  198. }
  199.  
  200. #qlauncher a.qlauncher-add-shortcut-button
  201. {
  202.     background-image: url("http://static.smarterfox.com/media/qlauncher/plus-icon-gray.png") !important;
  203. }
  204. #qlauncher .phantom a.qlauncher-add-shortcut-button
  205. {
  206.     /*opacity: 0.6 !important;*/
  207. }
  208.  
  209. #qlauncher a.qlauncher-delete-shortcut-button:hover
  210. {
  211.     background-image: url("http://static.smarterfox.com/media/qlauncher/close-icon-red.png") !important;
  212. }
  213.  
  214. #qlauncher a.qlauncher-add-shortcut-button:hover
  215. {
  216.     background-image: url("http://static.smarterfox.com/media/qlauncher/plus-icon-green.png") !important;
  217. }
  218. #qlauncher .phantom a.qlauncher-add-shortcut-button:hover
  219. {
  220.     opacity: 1.0 !important;
  221. }
  222.  
  223.  
  224. /*
  225. #qlauncher .qlauncher-shortcut-key *, 
  226. #qlauncher .qlauncher-shortcut-favicon *,
  227. #qlauncher .qlauncher-shortcut-label *
  228. {
  229. }
  230. */
  231.  
  232. #qlauncher .qlauncher-shortcut-favicon
  233. {
  234.     margin-right: 10px !important;
  235. }
  236.  
  237. #qlauncher .qlauncher-shortcut-key
  238. {
  239.     width: 25px !important;
  240. }
  241.  
  242. #qlauncher .qlauncher-text
  243. {
  244.     opacity: 0.85 !important;
  245. }
  246.  
  247. #qlauncher .qlauncher-key-char
  248. {
  249.     /*
  250.     color: #00A0FF !important;
  251.     opacity: 1.0 !important;
  252.     */
  253.     text-decoration: underline !important;
  254.     background: none !important;
  255. }
  256.  
  257. #qlauncher a.qlauncher-shortcut-link, 
  258. #qlauncher a.qlauncher-shortcut-link *,
  259. #qlauncher a.qlauncher-shortcut-link:link, 
  260. #qlauncher a.qlauncher-shortcut-link:link:focus, 
  261. #qlauncher a.qlauncher-shortcut-link:hover,
  262. #qlauncher a.qlauncher-shortcut-link:active,
  263. #qlauncher a.qlauncher-shortcut-link:visited
  264. {
  265.     color: #FFFFFF !important;
  266.     background: none !important;
  267. }
  268.  
  269. #qlauncher a.qlauncher-shortcut-link, 
  270. #qlauncher a.qlauncher-shortcut-link:link, 
  271. #qlauncher a.qlauncher-shortcut-link:link:focus, 
  272. #qlauncher a.qlauncher-shortcut-link:hover,
  273. #qlauncher a.qlauncher-shortcut-link:active,
  274. #qlauncher a.qlauncher-shortcut-link:visited
  275. {
  276.     text-decoration: none !important;
  277. }
  278.  
  279. #qlauncher #qlauncher-search
  280. {
  281.     width: 378px !important;/* need to add borders as well */
  282.     margin-left: auto !important;
  283.     margin-right: auto !important;
  284.     padding-bottom: 25px !important;/* Use padding instead of margin to prevent margin-collapse */
  285.     text-align:left !important;
  286. }
  287.  
  288. #qlauncher #qlauncher-search label
  289. {
  290.     color: #FFFFFF !important;
  291.     font-size: 12px !important;
  292.     font-family: "Times New Roman", serif !important;
  293.     font-weight: bold !important;/*800*/
  294.     /*opacity: 0.85 !important;*/
  295.     font-weight: bold !important;
  296.     
  297.     margin: 0 !important;
  298.     padding: 0 !important;
  299. }
  300.  
  301. #qlauncher input#qlauncher-search-input
  302. {
  303.     -moz-appearance: none !important;
  304.     display: inline-block !important;
  305.     vertical-align: middle !important;
  306.     font-size: 18px !important;
  307.     font-family: Verdana,Arial,Helvetica,sans-serif !important;
  308.     /*font-weight: bold !important;*/
  309.     border: 4px solid #C0C0C0 !important;
  310.     width: 300px !important; /*MAY NOT BE EXACT due to character width*/
  311.  
  312.  
  313.     color: #777777 !important;
  314.     background-color: #FFFFFF !important;
  315.  
  316.     margin: 0 !important;
  317.     padding: 0 !important;
  318. }
  319.  
  320. #qlauncher input#qlauncher-search-input:focus
  321. {
  322.     color: #000000 !important;
  323.     background-color: #FFFFFF !important;
  324. }
  325.  
  326. #qlauncher #qlauncher-search.searching input#qlauncher-search-input
  327. {
  328.     color: gray !important;
  329.     background-repeat: no-repeat !important;
  330.     background-color: #EEEEEE !important;
  331.     background-image: url("http://static.smarterfox.com/media/qlauncher/ajax-loader.gif") !important;
  332.     background-position: center right !important;
  333. }
  334.  
  335. #qlauncher li.qlauncher-search-result-list-item
  336. {
  337.     color: #DDDDDD !important;
  338.     font-size: 12px !important;
  339.     margin: 0 !important;
  340.     margin-top: 10px !important;
  341.     list-style-type:none !important;
  342.  
  343.     padding: 5px 7px 5px 7px !important;
  344.     -moz-border-radius: 2% 2% 2% 2% !important;
  345. }
  346.  
  347. #qlauncher ul#qlauncher-search-result-list
  348. {
  349.     margin-top: -10px !important;/* negate .qlauncher-search-result-list-item margins */
  350. }
  351.  
  352. #qlauncher li.qlauncher-search-result-list-item b
  353. {
  354.     color: #FFFFFF !important;
  355. }
  356.  
  357. #qlauncher a.qlauncher-search-result-title, 
  358. #qlauncher a.qlauncher-search-result-title *,
  359. #qlauncher a.qlauncher-search-result-title:link, 
  360. #qlauncher a.qlauncher-search-result-title:link:focus, 
  361. #qlauncher a.qlauncher-search-result-title:hover,
  362. #qlauncher a.qlauncher-search-result-title:active,
  363. #qlauncher a.qlauncher-search-result-title:visited
  364. {
  365.     color: #B0B0FF !important;
  366.     font-size: 14px !important;
  367.     margin-bottom: 5px !important;
  368.  
  369.     background: none !important;
  370. }
  371.  
  372. #qlauncher a.qlauncher-search-result-title, 
  373. #qlauncher a.qlauncher-search-result-title:link, 
  374. #qlauncher a.qlauncher-search-result-title:link:focus, 
  375. #qlauncher a.qlauncher-search-result-title:hover,
  376. #qlauncher a.qlauncher-search-result-title:active,
  377. #qlauncher a.qlauncher-search-result-title:visited
  378. {
  379.     text-decoration: underline !important;
  380. }
  381.  
  382. #qlauncher a.qlauncher-search-result-title b
  383. {
  384.     color: #9090FF !important;
  385. }
  386.  
  387.  
  388. #qlauncher .qlauncher-search-shortcut, 
  389. #qlauncher .qlauncher-search-result
  390. {
  391.     display: inline-block !important;
  392. }
  393.  
  394. #qlauncher .qlauncher-search-shortcut
  395. {
  396.     width: auto !important;
  397. }
  398.  
  399. #qlauncher .qlauncher-search-result
  400. {
  401.     vertical-align: middle !important;
  402.     width: 436px !important; /*525 - (27 + 23 + 10 + 15) - 7 * 2 = 436px*/
  403. }
  404.  
  405. #qlauncher .qlauncher-search-shortcut
  406. {
  407.     vertical-align: middle !important;
  408. }